.miniPlots{
    position: relative;
    height: 105px;
    padding: 1px 0px 1px 0px;
    margin-bottom: 5px;
}

.miniPlots .project{
    display: inline-block;
    margin-left: 15px;
    position: absolute;
    top: 0px;
}

.miniPlots .project .name{
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 106px;
    bottom: -13px;
    left: 0px;
    position: absolute;
    font-size: 11px;
}

.miniPlots .project .plot{
    height: 105px;
    position: relative;
    margin-left: 14px;
    border: 1px solid #AAA;
}

.miniPlots .project .plot .cls{
    height: 100%;
    position: absolute;
    bottom: 0px;
}

.miniPlots .project .plot .intensity{
    width: 2px;
    position: absolute;
    bottom: 0px;
    border: 1px solid black;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom: none;
}

.miniPlots .project .plot .avg{
    bottom: 0px;
    width: 100%;
    position: absolute;
}

.miniPlots .project .plot .clsAvg{
    border-top: 1px solid brown;
}

.miniPlots .project .plot .projAvg{
    border-top: 1px solid #0F6;
}

.miniPlots .project .plot .clsName{

}

.miniPlots .legend{
    width: 100px;
    display: inline-block;
    margin-left: 15px;
    position: absolute;
}

.miniPlots .legend .line{
    width: 70px;
    height: 9px;
    padding: 0px;
    display: inline-block;
    min-height: 9px;
    margin-bottom: 1px;
}

.miniPlots .legend .line .color{
    width: 5px;
    height: 5px;
    display: inline-block;
    border: 1px solid #777;
    position: relative;
    margin-top: 1px;
    margin-left: 2px;
}

.miniPlots .legend .line .clsName{
    display: inline-block;
    font-size: 9px;
    height: 9px;
    position: absolute;
    margin-left: 5px;
    margin-top: -2px;
}
